@charset "UTF-8";
/* 弹性盒子样式 */
/* 下拉菜单样式 */
.content {
  margin: 0 auto;
  width: 98.71668vw;
  padding-bottom: 13.16222vw;
}

/* 顶部相同部分样式 */
.header {
  background: white;
  position: fixed;
  width: 93.45179vw;
  margin: 0 2.63244vw;
  padding: 3.94867vw 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.header .h-left input {
  width: 19.74334vw;
  height: 9.21356vw;
  font-size: 3.94867vw;
  background: none;
  border: 0.52649vw solid #ff9344;
  border-radius: 3.29056vw;
}

.header span {
  font-size: 3.94867vw;
  display: inline-block;
  height: 9.21356vw;
  line-height: 9.21356vw;
}

.subject {
  padding-top: 19.74334vw;
  padding-bottom: 19.74334vw;
}

/* 底部导航栏样式 */
.footer {
  color: black;
  width: 98.71668vw;
  background: white;
  padding: 1.31622vw 0;
  position: fixed;
  bottom: 0vw;
}

.footer ul {
  width: 93.45179vw;
  margin: 2.23758vw 2.63244vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  text-align: center;
}

.footer ul li {
  position: relative;
  overflow: hidden;
}

.footer ul li:hover img {
  -webkit-transform: translateY(-9.4768vw);
          transform: translateY(-9.4768vw);
  -webkit-filter: drop-shadow(#ff9344 0 9.4768vw);
          filter: drop-shadow(#ff9344 0 9.4768vw);
}

.footer ul li:hover img:nth-of-type(2),
.footer ul li:hover img:nth-of-type(3) {
  -webkit-transform: translateY(-9.4768vw);
          transform: translateY(-9.4768vw);
  -webkit-filter: drop-shadow(white 0 9.4768vw);
          filter: drop-shadow(white 0 9.4768vw);
}

.footer ul li img {
  width: 9.4768vw;
  height: 9.4768vw;
}

.footer ul li span {
  display: block;
  font-size: 3.29056vw;
  text-align: center;
}

.footer ul li:nth-of-type(3) img:nth-of-type(2) {
  width: 2.89569vw;
  height: 2.89569vw;
  position: absolute;
  left: 3.68542vw;
  top: 2.76407vw;
}

.footer ul li:nth-of-type(3) img:nth-of-type(3) {
  width: 2.89569vw;
  height: 2.89569vw;
  position: absolute;
  left: 2.76407vw;
  top: 3.68542vw;
}

.content .header .h-right select {
  width: 19.74334vw;
  height: 9.21356vw;
  font-size: 3.29056vw;
  border: 0.52649vw solid #ff9344;
  padding: 0 1.31622vw;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: url("../img/公共img/城市切换下拉.png") no-repeat right center;
  background-size: 5.26489vw 2.63244vw;
}

.content .subject {
  width: 93.45179vw;
  margin: 0 2.63244vw;
  margin-bottom: 7.89733vw;
}

.content .subject .Carousel .c-top ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.content .subject .Carousel .c-top ul li {
  text-align: center;
}

.content .subject .Carousel .c-top ul li img {
  width: 21.05956vw;
}

.content .subject .Carousel .c-top ul li span {
  font-size: 3.29056vw;
}

.content .subject .Carousel .c-bottom ul {
  width: 19.74334vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 1.31622vw auto;
}

.content .subject .Carousel .c-bottom ul li {
  width: 2.63244vw;
  height: 2.63244vw;
  background: #f59776;
  border-radius: 1.31622vw;
  text-align: center;
}

.content .subject .Carousel .c-bottom ul li:hover {
  background: chocolate;
}

.content .subject .food {
  margin-top: 2.63244vw;
}

.content .subject .food .f-top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.content .subject .food .f-top .left {
  width: 26.98256vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  line-height: 6.58111vw;
}

.content .subject .food .f-top .left img {
  width: 9.21356vw;
  height: 6.58111vw;
}

.content .subject .food .f-top .left h3 {
  font-weight: 550;
  font-size: 4.7384vw;
}

.content .subject .food .f-top .right {
  width: 13.16222vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  line-height: 6.58111vw;
}

.content .subject .food .f-top .right a {
  color: black;
  font-size: 3.68542vw;
}

.content .subject .food .f-top .right img {
  width: 3.94867vw;
  height: 3.94867vw;
  margin: auto 0;
}

.content .subject .food .f-bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 5.26489vw 0;
}

.content .subject .food .f-bottom img {
  width: 19.74334vw;
}

.content .subject .motion {
  margin-top: 2.63244vw;
}

.content .subject .motion .mo-top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.content .subject .motion .mo-top .left {
  width: 26.98256vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  line-height: 10.52978vw;
}

.content .subject .motion .mo-top .left img {
  width: 9.21356vw;
  height: 10.52978vw;
}

.content .subject .motion .mo-top .left h3 {
  font-weight: 550;
  font-size: 4.7384vw;
}

.content .subject .motion .mo-top .right {
  width: 13.16222vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  line-height: 10.52978vw;
}

.content .subject .motion .mo-top .right a {
  color: black;
  font-size: 3.68542vw;
}

.content .subject .motion .mo-top .right img {
  width: 3.94867vw;
  height: 3.94867vw;
  margin: auto 0;
}

.content .subject .motion .mo-bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 5.26489vw 0;
}

.content .subject .motion .mo-bottom img {
  width: 19.74334vw;
}

.content .subject .movie {
  margin-top: 2.63244vw;
}

.content .subject .movie .m-top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.content .subject .movie .m-top .left {
  width: 26.98256vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  line-height: 10.52978vw;
}

.content .subject .movie .m-top .left img {
  width: 9.21356vw;
  height: 10.52978vw;
}

.content .subject .movie .m-top .left h3 {
  font-weight: 550;
  font-size: 4.7384vw;
}

.content .subject .movie .m-top .right {
  width: 13.16222vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  line-height: 10.52978vw;
}

.content .subject .movie .m-top .right a {
  color: black;
  font-size: 3.68542vw;
}

.content .subject .movie .m-top .right img {
  width: 3.94867vw;
  height: 3.94867vw;
  margin: auto 0;
}

.content .subject .movie .m-bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 5.26489vw 0;
}

.content .subject .movie .m-bottom img {
  width: 19.74334vw;
}
